
@font-face {font-family: "iconfont";
  src: url('iconfont.eot'); /* IE9*/
  src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff') format('woff'), /* chrome、firefox */
  url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.login-cont{
  padding: 40px 0;
  text-align: center;
  h1{
    letter-spacing: 35px;
    font-size: 50px;}
  a{
    width: 250px;
    margin-top: 50px;
  }

  .bottom{
    position: absolute;
    bottom: 20px;
    right: 30px;
  }
}

.index-cont{
  padding: 40px;
  .btn{
    width: 100px;}
  h5{
    font-size: 20px;}
  .btn{
    position: relative;
//    top: 14px;
  }
  p{
    text-align: center;
    margin-bottom: 10px;}
  .search{
    position: absolute;
    font-size: 24px;
    right: 22px;
  }
  .play{
    font-size: 38px;
    margin-right: 8px;
    position: relative;
    top: 5px;
  }
  .p{
    font-size: 18px;
    
  }

  .row{
    margin-bottom: 20px;
  }
  td{
    font-size: 16px;
    line-height: 28px;
    height: 51px;
  }
  .pagination{margin:0}
}

.cont-voice{
  padding: 50px;

}

.cont-search{
  width: 800px;
  height: 600px;
  position: relative;
  .search-input{
    width: 540px;
    float: left;
    margin-right: 30px;
  }
  .submit{
    float: left;
    width: 100px;
  }
  .s{
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 720px;
    height: 50px;
  }
}